<template>
    <div>
        <div class="recommend-title">热销推荐</div>
        <ul>
            <li class="item" v-for="(item,index) in list" :key="index">
                <img :src="item.imgUrl" alt="" class="item-img">
                <div class="item-info">
                    <p class="item-title">{{item.title}}</p>
                    <p class="item-desc">{{item.desc}}</p>
                    <button class="item-button">查看详情</button>
                </div>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
  name: "HomeRecommend",
  props:{
      list:Array
  },
  data (){
      return {
        //   recommendList:[{
        //     id:'001',
        //     title:'世界之窗',
        //     desc:'世界之窗,一个下午带你走遍世界',
        //     img:'http://img1.qunarzz.com/sight/p0/1809/87/8796d4dfe0366858a3.water.png_200x200_ca6e25bf.png'
        //   },{
        //     id:'002',
        //     title:'欢乐谷',
        //     desc:'欢乐谷,一个好玩的地方',
        //     img:'http://img1.qunarzz.com/sight/p0/1412/b5/c99be07b7b79cfb5900e03a35bc3051f.water.jpg_200x200_e839eb8e.jpg'
        //   },{
        //     id:'001',
        //     title:'东部华侨城茶溪谷',
        //     desc:'茶溪谷,一个美丽的地方',
        //     img:'http://img1.qunarzz.com/sight/p0/1507/e4/a3f526c57e0115798af52929d294ddd6.water.jpg_200x200_c6bc3621.jpg'
        //   }]
      }
  }
};
</script>

<style lang="stylus" scoped>
    .recommend-title
        margin-top : .2rem
        line-height :.8rem
        background :#eee
        text-indent :.2rem
    .item
        overflow :hidden
        display :flex
        height :1.9rem
        .item-img
            width : 1.7rem
            height : 1.7rem
            padding : .1rem
        .item-info
            flex:1
            padding :.1rem
            .item-title
                line-height :.54rem
                font-size :.32rem
            .item-desc
                line-height :.4rem
                color: #ccc
            .item-button
                line-height :.44rem
                margin-top :.16rem
                background :#ff9300
                paddding : 0.2rem
                border-radius : .06rem
                color :#fff
</style>
